<!--{template pc/frame/header_simple_start}-->
<link rel="stylesheet" type="text/css" href="{MOD_PATH}/css/pc/index.css?{VERHASH}"/>
<script type="text/javascript" src="{MOD_PATH}/js/vue/vuex.js?{VERHASH}"></script>
<script type="text/javascript" src="{MOD_PATH}/js/pc/row-grid.js?{VERHASH}"></script>
<script type="text/javascript" src="{MOD_PATH}/js/pc/waterfall.js?{VERHASH}"></script>

<script type="text/javascript" src="{MOD_PATH}/js/pc/plug/wavesurfer.js?{VERHASH}"></script>
<script type="text/javascript" src="{MOD_PATH}/js/pc/audioPlay.js?{VERHASH}"></script>
<script type="text/javascript" src="{MOD_PATH}/js/pc/headerWatch.js?{VERHASH}"></script>
<script type="text/javascript" src="{MOD_PATH}/js/pc/headerMethods.js?{VERHASH}"></script>
<script type="text/javascript" src="{MOD_PATH}/js/pc/plug/DomResize.js?{VERHASH}"></script>
<style type="text/css">
	.el-header{
		border-bottom: 0;
	}

</style>
<!--{template pc/frame/header_simple_end}-->
<div id="dzzoffice">
	<el-container>
		<el-header height="auto" style="padding: 0;z-index: 10;">
			<page-header></page-header>
		</el-header>
		<el-main>
			<div class="page-content">
				<el-scrollbar class="page-component__scroll body_scroll">
					<div class="content" style="padding: 0px 16px 0;">
						<images @opentype="opentype"></images>
					</div>
				</el-scrollbar>
				<el-backtop target=".body_scroll>.el-scrollbar__wrap"></el-backtop>
			</div>
		</el-main>
	</el-container>
	    <div id="Details_Iframe" v-if="DetailsIframe">
	    	<iframe id="iframesrc" :src="DetailsIframe" width="100%" height="100%" style="border: 0;"></iframe>
	    </div>
	
	
</div>
<!--{template pc/components/index/indexVuex}-->
<!--{template pc/components/headerindex/index}-->
<!--{template pc/components/index/images}-->
<script type="text/javascript">
	var pvue = new Vue({
		el: '#dzzoffice',
		data: function() {
			return {
				DetailsIframe:''
			}
		},
		watch:{

		},
		computed:{

		},
		created() {
			var pagesetting = $pagesetting;
			if(pagesetting){
					<!--{if $_G[uid]}-->
					if(pagesetting.show){
						VuexStore.commit('seTHeader_Information_show_init', pagesetting.show.split(','));
					}
					<!--{else}-->
					var show = sessionStorage.getItem('InformationShow');
					if(show){
						show = show.split(',');
						VuexStore.commit('seTHeader_Information_show_init', show);
					}else{
						if(pagesetting.show){
							VuexStore.commit('seTHeader_Information_show_init', pagesetting.show.split(','));
						}
						
					}
					<!--{/if}-->
				
				<!--{if $_G[uid]}-->
				if(pagesetting.other){
					VuexStore.commit('seTHeader_Information_other', pagesetting.other);
				}else{
					VuexStore.commit('seTHeader_Information_other', 'btime');
				}
				if(pagesetting.layout){
					VuexStore.commit('seTHeader_Information_Layout', pagesetting.layout);
				}else{
					VuexStore.commit('seTHeader_Information_Layout', 'waterFall');
				}
				if(pagesetting.sort){
					VuexStore.commit('SetimgParameter', {key:'order',val:parseInt(pagesetting.sort)});
					VuexStore.commit('SetimgParameterInit', {key:'order',val:parseInt(pagesetting.sort)});
				}else{
					VuexStore.commit('SetimgParameter', {key:'order',val:'1'});
					VuexStore.commit('SetimgParameterInit', {key:'order',val:'1'});
				}
				if(pagesetting.desc){
					VuexStore.commit('SetimgParameter', {key:'asc',val:pagesetting.desc});
					VuexStore.commit('SetimgParameterInit', {key:'asc',val:pagesetting.desc});
				}else{
					VuexStore.commit('SetimgParameter', {key:'asc',val:'desc'});
					VuexStore.commit('SetimgParameterInit', {key:'asc',val:'desc'});
				}
				<!--{else}-->
				var other = sessionStorage.getItem('InformationOther');
				if(other){
					VuexStore.commit('seTHeader_Information_other', other);
				}else{
					VuexStore.commit('seTHeader_Information_other', pagesetting.other);
				}
				
				var Layout = sessionStorage.getItem('Layout');
				if(Layout){
					VuexStore.commit('seTHeader_Information_Layout', Layout);
				}else{
					VuexStore.commit('seTHeader_Information_Layout', pagesetting.layout);
				}
				
				var order = sessionStorage.getItem('order');
				if(order){
					VuexStore.commit('SetimgParameter', {key:'order',val:parseInt(order)});
					VuexStore.commit('SetimgParameterInit', {key:'order',val:parseInt(order)});
				}else{
					VuexStore.commit('SetimgParameter', {key:'order',val:parseInt(pagesetting.sort)});
					VuexStore.commit('SetimgParameterInit', {key:'order',val:parseInt(pagesetting.sort)});
				}
				
				var asc = sessionStorage.getItem('asc');
				if(asc){
					VuexStore.commit('SetimgParameter', {key:'asc',val:asc});
					VuexStore.commit('SetimgParameterInit', {key:'asc',val:asc});
				}else{
					VuexStore.commit('SetimgParameter', {key:'asc',val:pagesetting.desc});
					VuexStore.commit('SetimgParameterInit', {key:'asc',val:pagesetting.desc});
				}
				<!--{/if}-->
				<!--{if $_G[uid]}-->
					var ShowScreen = $screen;
				<!--{else}-->
					var GetAppid = this.GetAppid?this.GetAppid:'all';
					var ShowScreen = sessionStorage.getItem('showscreen_'+GetAppid)? sessionStorage.getItem('showscreen_'+GetAppid):0;
				<!--{/if}-->
				
				if(pagesetting.opentype){
					VuexStore.commit('seTHeader_Information_Opentype', pagesetting.opentype);
				}else{
					VuexStore.commit('seTHeader_Information_Opentype', 'new');
				}

				VuexStore.commit('SetShowScreen',ShowScreen);
			}
		},
		methods:{
			opentype(rid){
				var self = this;
				this.DetailsIframe = SITEURL+MOD_URL+'&op=details&opentype=current#rid='+rid;
			}
		},
		mounted() {
			var self = this;
			
		}
	})
</script>

<!--{template pc/frame/footer_simple}-->
